<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <title>2016年度广东省纺织品进出口股份有限公司供应商大会邀请函</title>
    <link rel="stylesheet" type="text/css" href="./iconfont.css">
    <script src="./fastclick.js" type="text/javascript"></script>
    <script src="./jquery.min.js" type="text/javascript"></script>
</head>

<body>
    <!--
      The nav bar that will be updated as we navigate between views.
    -->
    <style type="text/css">
    body {
        -webkit-text-size-adjust: 100% !important;
        background-image: url('./bg.jpg');
        background-repeat: no-repeat;
        background-size: 100% auto;
        overflow-x:hidden;
        width:100%;
        margin:0;
        padding: 0;
        background-color: rgb(249,238,217);

    }
    
    .input-dom {
        width: 50%;
        height: 20px;
        padding: 6px 6px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid rgba(205, 154, 4, 0.66);
        border-radius: 4px;
        outline-width: 0;
        outline:none;
        background-color: rgba(253, 255, 247, 0.98);
    }
    
    .icon {
        color: rgb(189, 131, 0);
        font-size: 19px;
    }
    
    .form-wrapper {
        position: absolute;
        /*top: 160px;*/
        top: 30%;
        width: 100%;
        text-align: center;
    }
    
    .button {
        -WEBKIT-USER-SELECT:NONE;

        background-image: url('./register.png');
        background-repeat: no-repeat;
        background-size: 100% auto;
        width:150px;
        height: 40px;
        display: inline-block;
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .button:active{
        background-image: url('./register-click.png');
        background-repeat: no-repeat;
        background-size: 100% auto;

    }
    .agenda {
        -WEBKIT-USER-SELECT:NONE;

        background-image: url('./agenda.png');
        background-repeat: no-repeat;
        background-size: 100% auto;
        width:110px;
        height: 40px;
        display: inline-block;
    }
    .ant-line{
        width:98%;
        height: 3px;
        background-image: url('./ant.png');
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .first{
        position: absolute;
        top:240px;
    }
    .second{
        margin:10px 0;
    }
    .item{
        margin:5% 0;
    }
    .text{
        color: rgb(189, 131, 0);
        font-size: 19px;

    }
    .sponsorimg{
        /*width:100px;*/
    }
    </style>
    <div class="form-wrapper">
        <div class="">
            <span style="color:red;">*</span>
            <!-- <i class="invitation icon icon-yuhuizhe">：</i> -->
            <span class='text'>与会者：</span>
            <input type="text" class="input-dom" id="name" />
        </div>
        <div class="" style="margin-top:10px;">
            <div style="">
                <span style="display:inline-block;width:100px;"></span>
                <input name='sex' value='male' id='male' type="radio" /><label for='male' style="font-size:14px;" class="invitation icon ">先生</label>
                &nbsp;&nbsp;&nbsp;
                <input name='sex' value='female' id='female' type="radio" /><label for="female" style="font-size:14px;" class="invitation icon">女士</label>
            </div>
        </div>
        <div class="item">
            <span style="color:red;">*</span>
            <!-- <i class="invitation icon icon-shoujihao">：</i> -->
            <span class='text'>手机号：</span>
            <input type="text" class="input-dom" id="tel"/>
        </div>
        <div class="item">
            <span style="display:inline-block;width:20px;"></span>

            <!-- <i class="invitation icon icon-gongsi">：</i> -->
            <span class='text'>&nbsp;公司：</span>
            <input type="text" class="input-dom" id="company"/>
        </div>
        <div class="item">
            <span style="display:inline-block;width:20px;"></span>

            <!-- <i class="invitation icon icon-zhiwei">：</i> -->
            <span class='text'>&nbsp;职位：</span>
            <input type="text" class="input-dom" id="position"/>
        </div>
        <!-- <div class="ant-line second"></div> -->
        
        <a class="button" onclick="onRegister();"></a>
        <div class="ant-line second"></div>
      
        <div style="width:50%; text-align:left;margin:5px 40px;" >
        <img width='40' height='12' src='./sponsor/赞助商.png' class="" />

        </div>
        <div style="width:100%; text-align:center;margin-bottom:30px;" >
        <img width='40' height='14' src='./sponsor/赞助商1.png' class="sponsorimg" />
        <img width='40' height='14' src='./sponsor/赞助商2.png' class="sponsorimg" />
        <img width='40' height='14' src='./sponsor/赞助商3.png' class="sponsorimg" />
        <img width='40' height='14' src='./sponsor/赞助商4.png' class="sponsorimg" />
        <img width='40' height='14' src='./sponsor/赞助商5.png' class="sponsorimg" />
        <img width='40' height='14' src='./sponsor/赞助商6.png' class="sponsorimg" />
        <img width='40' height='14' src='./sponsor/赞助商7.png' class="sponsorimg" />
        <img width='40' height='14' src='./sponsor/赞助商8.png' class="sponsorimg" />
            
        </div>



    </div>
<!--     <div style="position:absolute;top:70%;width:100%;text-align:center;">
        
    </div> -->
    <!-- <a class="agenda" href="/content.html"></a> -->
    <div class="footer" style="position:absolute;top:84%;width:100%;">
       
    </div>
    </div>
<!--     <script id="__bs_script__">//<![CDATA[
        document.write("<script async src='http://HOST:3000/browser-sync/browser-sync-client.js?v=2.17.5'><\/script>".replace("HOST", location.hostname));
    //]]></script>
 -->    <script type="text/javascript">
        if ('addEventListener' in document) {
            document.addEventListener('DOMContentLoaded', function() {
                FastClick.attach(document.body);
            }, false);
        }
    </script>
    <script type="text/javascript">
        var wAlert = window.alert;  
        window.alert = function (message) {  
            try {  
                var iframe = document.createElement("IFRAME");  
                iframe.style.display = "none";  
                iframe.setAttribute("src", 'data:text/plain,');  
                document.documentElement.appendChild(iframe);  
                var alertFrame = window.frames[0];  
                var iwindow = alertFrame.window;  
                if (iwindow == undefined) {  
                    iwindow = alertFrame.contentWindow;  
                }  
                iwindow.alert(message);  
                iframe.parentNode.removeChild(iframe);  
            }  
            catch (exc) {  
                return wAlert(message);  
            }  
        }  
        var wConfirm = window.confirm;  
        window.confirm = function (message) {  
            try {  
                var iframe = document.createElement("IFRAME");  
                iframe.style.display = "none";  
                iframe.setAttribute("src", 'data:text/plain,');  
                document.documentElement.appendChild(iframe);  
                var alertFrame = window.frames[0];  
                var iwindow = alertFrame.window;  
                if (iwindow == undefined) {  
                    iwindow = alertFrame.contentWindow;  
                }  
                iwindow.confirm(message);  
                iframe.parentNode.removeChild(iframe);  
            }  
            catch (exc) {  
                return wConfirm(message);  
            }  
        }  

        
        function checkMobile(str) {
            var re = /^1\d{10}$/
            if (re.test(str)) {
                return true;
            } else {
                alert("请输入正确的手机号");
                return false;
            }
        }
        function onRegister(){
            var words = '/check_ins/' + "Namo Amitabha";
            if(!$('#name').val()){
                alert('请输入姓名');
                return false;
            }
            if(!$('#tel').val()){
                alert('请输入电话');
                return false;
            }else{
                if(!checkMobile($('#tel').val())){
                    return false;
                }
            }
            // $('#company').val();
            // $('#position').val();
            // $('input:radio:checked').val();

            var body={
              "participant":$('#name').val(),
              "position": $('#position').val(),
              "company": $('#company').val(),
              "phone": $('#tel').val(),
              "sex": $('input:radio:checked').val()
            }
            // console.log(body);
            var text = Object.keys(body).length ? JSON.stringify(body) : "";
            var raw = text + words;
            var afterEncryption = SHA256(raw);
            $.ajax({
                url: "check_ins/",
                data: body,
                type: "POST",
                beforeSend: function(xhr){
                    xhr.setRequestHeader('expire-day', afterEncryption);
                },
                success: function() {
                    console.log('success');
                    window.location.href='/success.html'; 
                    sessionStorage.setItem("flag", "registered")

                }
            });
        }

        function SHA256(s){
         
            var chrsz   = 8;
            var hexcase = 0;
         
            function safe_add (x, y) {
                var lsw = (x & 0xFFFF) + (y & 0xFFFF);
                var msw = (x >> 16) + (y >> 16) + (lsw >> 16);
                return (msw << 16) | (lsw & 0xFFFF);
            }
         
            function S (X, n) { return ( X >>> n ) | (X << (32 - n)); }
            function R (X, n) { return ( X >>> n ); }
            function Ch(x, y, z) { return ((x & y) ^ ((~x) & z)); }
            function Maj(x, y, z) { return ((x & y) ^ (x & z) ^ (y & z)); }
            function Sigma0256(x) { return (S(x, 2) ^ S(x, 13) ^ S(x, 22)); }
            function Sigma1256(x) { return (S(x, 6) ^ S(x, 11) ^ S(x, 25)); }
            function Gamma0256(x) { return (S(x, 7) ^ S(x, 18) ^ R(x, 3)); }
            function Gamma1256(x) { return (S(x, 17) ^ S(x, 19) ^ R(x, 10)); }
         
            function core_sha256 (m, l) {
                var K = new Array(0x428A2F98, 0x71374491, 0xB5C0FBCF, 0xE9B5DBA5, 0x3956C25B, 0x59F111F1, 0x923F82A4, 0xAB1C5ED5, 0xD807AA98, 0x12835B01, 0x243185BE, 0x550C7DC3, 0x72BE5D74, 0x80DEB1FE, 0x9BDC06A7, 0xC19BF174, 0xE49B69C1, 0xEFBE4786, 0xFC19DC6, 0x240CA1CC, 0x2DE92C6F, 0x4A7484AA, 0x5CB0A9DC, 0x76F988DA, 0x983E5152, 0xA831C66D, 0xB00327C8, 0xBF597FC7, 0xC6E00BF3, 0xD5A79147, 0x6CA6351, 0x14292967, 0x27B70A85, 0x2E1B2138, 0x4D2C6DFC, 0x53380D13, 0x650A7354, 0x766A0ABB, 0x81C2C92E, 0x92722C85, 0xA2BFE8A1, 0xA81A664B, 0xC24B8B70, 0xC76C51A3, 0xD192E819, 0xD6990624, 0xF40E3585, 0x106AA070, 0x19A4C116, 0x1E376C08, 0x2748774C, 0x34B0BCB5, 0x391C0CB3, 0x4ED8AA4A, 0x5B9CCA4F, 0x682E6FF3, 0x748F82EE, 0x78A5636F, 0x84C87814, 0x8CC70208, 0x90BEFFFA, 0xA4506CEB, 0xBEF9A3F7, 0xC67178F2);
                var HASH = new Array(0x6A09E667, 0xBB67AE85, 0x3C6EF372, 0xA54FF53A, 0x510E527F, 0x9B05688C, 0x1F83D9AB, 0x5BE0CD19);
                var W = new Array(64);
                var a, b, c, d, e, f, g, h, i, j;
                var T1, T2;
         
                m[l >> 5] |= 0x80 << (24 - l % 32);
                m[((l + 64 >> 9) << 4) + 15] = l;
         
                for ( var i = 0; i<m.length; i+=16 ) {
                    a = HASH[0];
                    b = HASH[1];
                    c = HASH[2];
                    d = HASH[3];
                    e = HASH[4];
                    f = HASH[5];
                    g = HASH[6];
                    h = HASH[7];
         
                    for ( var j = 0; j<64; j++) {
                        if (j < 16) W[j] = m[j + i];
                        else W[j] = safe_add(safe_add(safe_add(Gamma1256(W[j - 2]), W[j - 7]), Gamma0256(W[j - 15])), W[j - 16]);
         
                        T1 = safe_add(safe_add(safe_add(safe_add(h, Sigma1256(e)), Ch(e, f, g)), K[j]), W[j]);
                        T2 = safe_add(Sigma0256(a), Maj(a, b, c));
         
                        h = g;
                        g = f;
                        f = e;
                        e = safe_add(d, T1);
                        d = c;
                        c = b;
                        b = a;
                        a = safe_add(T1, T2);
                    }
         
                    HASH[0] = safe_add(a, HASH[0]);
                    HASH[1] = safe_add(b, HASH[1]);
                    HASH[2] = safe_add(c, HASH[2]);
                    HASH[3] = safe_add(d, HASH[3]);
                    HASH[4] = safe_add(e, HASH[4]);
                    HASH[5] = safe_add(f, HASH[5]);
                    HASH[6] = safe_add(g, HASH[6]);
                    HASH[7] = safe_add(h, HASH[7]);
                }
                return HASH;
            }
         
            function str2binb (str) {
                var bin = Array();
                var mask = (1 << chrsz) - 1;
                for(var i = 0; i < str.length * chrsz; i += chrsz) {
                    bin[i>>5] |= (str.charCodeAt(i / chrsz) & mask) << (24 - i%32);
                }
                return bin;
            }
         
            function Utf8Encode(string) {
                string = string.replace(/\r\n/g,"\n");
                var utftext = "";
         
                for (var n = 0; n < string.length; n++) {
         
                    var c = string.charCodeAt(n);
         
                    if (c < 128) {
                        utftext += String.fromCharCode(c);
                    }
                    else if((c > 127) && (c < 2048)) {
                        utftext += String.fromCharCode((c >> 6) | 192);
                        utftext += String.fromCharCode((c & 63) | 128);
                    }
                    else {
                        utftext += String.fromCharCode((c >> 12) | 224);
                        utftext += String.fromCharCode(((c >> 6) & 63) | 128);
                        utftext += String.fromCharCode((c & 63) | 128);
                    }
         
                }
         
                return utftext;
            }
         
            function binb2hex (binarray) {
                var hex_tab = hexcase ? "0123456789ABCDEF" : "0123456789abcdef";
                var str = "";
                for(var i = 0; i < binarray.length * 4; i++) {
                    str += hex_tab.charAt((binarray[i>>2] >> ((3 - i%4)*8+4)) & 0xF) +
                    hex_tab.charAt((binarray[i>>2] >> ((3 - i%4)*8  )) & 0xF);
                }
                return str;
            }
         
            s = Utf8Encode(s);
            return binb2hex(core_sha256(str2binb(s), s.length * chrsz));
         
        }
    </script>
</body>

</html>
